<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性操作-attr与prop的区别</title>
  <script src="js/jquery/jquery-3.3.1.min.js"></script>
  <script>
//     prop()函数的结果:
//             1.如果有相应的属性，返回指定属性值。
//       2.如果没有相应的属性，返回值是空字符串。
// attr()函数的结果:
//             1.如果有相应的属性，返回指定属性值。
//       2.如果没有相应的属性，返回值是undefined。
//
// 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
// 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
// 具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()
    $(function (){
      $("#all").click(function (){
        $("input[type='checkbox']").attr("checked","true");
      });
    });
  </script>
</head>
<body>
电脑<input type="checkbox"/> 手机<input type="checkbox"/> 平板<input type="checkbox"/>
<a href="javascript:void(0);" id="all">全选</a>
</body>
</html>